<html lang="en">
<head>
<title>Resuite</title>
<meta name="layout" content="resuite" />

<script type="text/javascript">
		$(function(){
			 $('#package_form, #planner_form').jqTransform({imgPath:'jqtransformplugin/img/'});
            });		
	</script>
<script type="text/javascript">
		$(document).ready(function(){
			$(".box").hover(function(){
				$(this).addClass("alt");
				Cufon.refresh();
			}, function(){
				$(this).removeClass("alt");
				Cufon.refresh();
			});
                        $("#containerNotify").notify();
		});
	</script>
<!--[if lt IE 7]> 
 		<div style=' clear: both; text-align:center;  padding:0 0 0 0px; position: relative;'>
			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"  border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today. /></a>
		</div> 
  <![endif]-->
<!--[if lt IE 9]> 
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
</head>

<body id="page1" >



	<div class="grid_19 z-index2">
		<div class="extra-wrap">
				<%//System.out.println(numImmobili); 
				%>
			<g:if test="${ (numImmobili > 6)}">
				<div id="faded">
			</g:if>
				<ul>

					<g:each status="index" var="immobile" in="${immobili}">
						<g:if test="${ (index  == 0 || index % 6 ==0)}">
							<li>
						</g:if>

						<g:if test="${ (index  == 0 || index % 2 ==0)}">
							<a href="#" class="box" style="margin-bottom: 14px; margin-right: 7px; border-left-width: 0px;"> 
								<span class="padding"> 
									<img width="200px" height="175px"
											src="${createLink(controller:'site', action:'viewImage', id:immobile.anteprima.id)}"
									alt=""> 
									<span class="box-text"> ${immobile.indirizzo}
									</span> 
										<span class="text">
											<span class="text-top">Immobile 
													In Vendita: € ${immobile.prezzo}
										</span>
									</span>
								</span>
							</a>
						</g:if>
						<g:if test="${ ((index+1) % 2 ==0)}">
							<span class="box-top "> 
								<a href="#" class="box" style="margin-top: -12px; margin-right: 7px;"> 
									<span class="padding"> 
										<img width="200px" height="175px"
													src="${createLink(controller:'site', action:'viewImage', id:immobile.anteprima.id)}"
										alt=""> 
										<span class="box-text"> ${immobile.indirizzo}
										</span> 
										<span class="text">
											<span class="text-top">Immobile 
															In Vendita: € ${immobile.prezzo}
											</span>
										</span>
									</span>
								</a>
							</span>
						</g:if>

						<g:if test="${(index!=0 && (index+1) % 6 ==0) }">
							</li>
						</g:if>


					</g:each>

				</ul>
				<div class="clear"></div>
				
			<g:if test="${ (numImmobili > 6)}">
				</div>
			</g:if>

		</div>
	</div>

	<div class="grid_18" style="top: 5px;">
		<div class="box3">
			<div class="padding3" style="padding-top: 18px;">
				<h2>Scopri i tassi migliori per il tuo mutuo</h2>
				<form id="package_form">
					<div class="rowElem">
						<div class="extra-wrap">
							<div class="col-1">
								<label>Durata</label> <input type="text" value=""
									style="height: 31px; margin-top: 0px;">
							</div>
							<div class="col-2" style="margin-left: 10px;">
								<label>Tipo Tasso</label>
								<div class="select1">
									<select>
										<option>Tasso Fisso</option>
										<option>Tasso Variabile</option>
										<option>Tasso Variabile con Rata Costante</option>
										<option>Tasso Misto</option>
										<option>Tasso Convertibile Fisso-Variabile</option>
									</select>
								</div>
							</div>
						</div>
						<div class="clear"></div>
						<div class="rowElem">
							<div class="extra-wrap form-top">
								<div class="col-1">
									<label>Importo</label> <input type="text" value=""
										style="height: 31px; margin-top: 0px;">
								</div>
							</div>
							<div class="col-2" style="margin-left: 10px;">
								<label>Finalita'</label>
								<div class="select2">
									<select>
										<option>Acquisto Abitazione</option>
										<option>Acquisto Locale Commerciale</option>
										<option>Acquisto Ufficio</option>
										<option>Costruzione/Completamento</option>
										<option>Ristrutturazione a S.A.L.</option>
										<option>Ristrutturazione Unica Soluzione</option>
									</select>
								</div>
							</div>
							<div class="col-4">
								<div class="buttons1" style="margin-left: 90px;">
									<a href="${createLink(uri: '/site/mutui.gsp')}"
										onClick="document.getElementById('package_form').submit()">Calcola
										rata</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
			</div>
			</form>
		</div>
	</div>

	<div class="grid_18"
		style="margin-left: 0px; margin-right: 0px; left: 5px;">
		<div class="box1-top2">
			<div class="box1">
				<div class="padding9">
					<h2>Investimenti &amp; Rischi</h2>
					<div class="wrapper img-top4">
						<img src="images/page4-img4.jpg" alt="" class="img-indent1">
						<div class="extra-wrap1">
							<div class="title">Investimenti per locazione - le tue
								responsabilita'</div>
							<div class="text2">by admin | 31/05/2011</div>
							<span class="text-top2">Fusce euismod consequat ante.
								Lorem ipsum dolor sit amet. Pellentesque sed dolor. Aliquam
								congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in
								lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi,
								aliquet sit...</span><br> <a href="#" class="color1">Full
								story</a>
						</div>
					</div>
					<div class="border border-pad"></div>
					<div class="wrapper">
						<img src="images/page4-img5.jpg" alt="" class="img-indent1">
						<div class="extra-wrap1">
							<div class="title">Tutte le tattiche per investimenti
								sicuri</div>
							<div class="text2 text2-bot">by admin | 31/05/2011</div>
							<span class="text-top2">Lorem ipsum dolor sit amet,
								consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam
								congue fermentum nisl. Mauris accumsan nulla vel diam. Reuismod
								in, auctor ut, ligula. Aliquam dapibus tincidunt metus...</span><br>
							<a href="#" class="color1">Full story</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>

	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
